<script setup lang='ts'>

</script>


<template>
	<view>
		<swiper :circular="true" :autoplay="true" interval="2000" :indicator-dots="true" indicator-color="rgba(255, 255, 255, .3)" indicator-active-color="#fff">
			<swiper-item><image src="/static/logo.png" mode="aspectFill"></image></swiper-item>
			<swiper-item><image src="/static/bao2.webp" mode="aspectFill"></image></swiper-item>
			<swiper-item>3</swiper-item>
			<swiper-item>4</swiper-item>
			<swiper-item>5</swiper-item>
			<swiper-item>6</swiper-item>
		</swiper>
	</view>
	<view>---------</view>
	
	<view>
		<image src="/static/logo.png" class="pic"></image>
		<image src="/static/bao2.webp" mode="widthFix" class="pic2"></image>
	</view>
	
	<navigator url="/pages/index/index">去uniapp</navigator>
</template>


<style scoped lang='scss'>
	swiper{
		width: 100vw;
		height: 30vh;
		background-color: green;
		swiper-item:nth-child(2n){
			background-color: pink;
		}
		swiper-item{
			image{
				width: 100%;
				height: 100%;
			}
		}
	}
	
	.pic{
		width: 75px;
		height: 75px;
	}
	
	.pic2{
		width: 200px;
	}
</style>